﻿<!DOCTYPE html>
<html>
<head>
<title>Trang Chủ</title>
<meta charset ="utf-8">
<link rel= " stylesheet" href = " css/bootstrap.min.css " >
<link rel= " stylesheet" href = " css/main.css " >

</head>
 <body style="background: url(http://lienminh.garena.vn/images/banners/bg-ekko.jpg)">
<body>
	<div class="navbar navbar-default">	
		<div class="container-fluid">	
		<div class="navbar-header">	 		
		<a class="navbar-brand logo-navbar" href="#">			
		<img class = "logo" src=" https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcRshZv8WxFaHPcY58NEXKRMwrUZeUE8R7lbCoQKr5RFGO0XcZYX" style="font-size: 100%">
		</a>		
	 </div>
	   <ul class="nav navbar-nav">
		 <li class="active"><a href="#"><span class="glyphicon glyphicon-home" aria-hidden="true"> </span>	Trang Chủ</a></li>
		 <li><a href="#"> <span class="glyphicon glyphicon-th" aria-hidden="true"></span> Sản Phẩm</a></li>
		 <li class="divider-vertical"></li>
		 <li><a href="#"><span class="glyphicon glyphicon-earphone" aria-hidden="true"></span> Liên Hệ</a></li>
		<li><button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
	<span class="glyphicon glyphicon-log-in" aria-hidden="true"></span> Đăng Nhập
	</button>

<!-- Modal -->
		<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
		<div class="modal-dialog" role="document">
		<div class="modal-content">
		<div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">Nhập thông tin đăng nhập</h4>
      </div>
      <div class="modal-body">    
      <form class="form-signin">
        <h2 class="form-signin-heading">Please sign in</h2>
        <label for="inputEmail" class="sr-only">Email address</label>
        <input type="email" id="inputEmail" class="form-control" placeholder="Email address" required autofocus>
        <label for="inputPassword" class="sr-only">Password</label>
        <input type="password" id="inputPassword" class="form-control" placeholder="Password" required>
        <div class="checkbox">
          <label>
            <input type="checkbox" value="remember-me"> Remember me
          </label>
        </div>
        <button class="btn btn-lg btn-primary btn-success" type="submit">Sign in</button>
      </form>	
      </div>
      
			</div>
		</div>
		</div></li>
	  </ul>
	</div>	 
	  </div>
	<div class="container-fluid">
	  <!-- Stack the columns on mobile by making one full-width and the other half-width -->
<div class="row">
  <div class="col-md-3">
  <div class="list-group">
  <a href="http://php44.us" class="list-group-item active">
    <span class="glyphicon glyphicon-list-alt" aria-hidden="true">  </span> Trang Chủ
  </a> 
  </div>
  </div>
  <div class="col-md-9">	<table class="table table-bordered nen-table">					
			<thead>
			<font color="green"><h1>Đặt Hàng</h1></font><br>
			<hr>
				<th>Mã Hàng</th>
				<th>Tên Hàng</th>
				<th>Hình Ảnh</th>
				<th>DVT</th>
				<th>Đơn Giá</th>
				<th>Mã Nhà Cung Cấp</th>
				<th>Mã Loại Hàng</th>
				<th><p class="alignCenter">Mô Tả</p></th>
				<th>Tùy Chọn</th>
			</thead>
			
			<tbody>
				<tr>
					<th>1</th>
					<th>Áo Pull</th>
					<th><href = "http://static-02.lazada.vn/p/ao-thun-nam-prazenta-i-atn246-xanh-co-vit-3323-1011411-1-webp-zoom.jpg"<</th>
					<th>Đồng</th>
					<th>100.000</th>
					<th>NCC01</th>
					<th>LH111</th>
					<th>Màu trắng</th>
					<th>
						<button type="button" class="btn btn-success">Mua</button>
					</th>
				</tr>
				<tr>
					<th>2</th>
					<th>Áo thun nam</th>
					<th></th>
					<th>Đồng</th>
					<th>120.000</th>
					<th>NCC02</th>
					<th>LH112</th>
					<th>Chất liệu thun cá sấu. Thiết kế hiện đại; hợp thời trang</th>
					<th>
						<button type="button" class="btn btn-success">Mua</button>
					</th>
				</tr>
				<tr>
					<th>3</th>
					<th>Ví nam da</th>
					<th></th>
					<th>Đồng</th>
					<th>249.000</th>
					<th>NCC03</th>
					<th>LH113</th>
					<th>Sản xuất tại Việt Nam.</th>
					<th>
						<button type="button" class="btn btn-success">Mua</button>
					</th>
				</tr>
				<tr>
					<th>4</th>
					<th>Giày vải cột dây 3 nút nam</th>
					<th></th>
					<th>Đồng</th>
					<th>277.000</th>
					<th>NCC04</th>
					<th>LH114</th>
					<th>Màu trắng</th>
					<th>
						<button type="button" class="btn btn-success">Mua</button>
					</th>
				</tr>
</div>
	  </div>	
	<script src="js/jquery.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
</body>
</html>
